<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<!-- main页面的公共部分(管理员页面)-->

<!-- head部分-->
<div th:fragment="main-head">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="ThemeBucket">
    <head th:include="common::commonHeader"></head>
    <link rel="stylesheet" th:href="@{/css/main.css}">
    <style>
        .tree li {
            list-style-type: none;
            cursor:pointer;
        }
        .tree-closed {
            height : 40px;
        }
        .tree-expanded {
            height : auto;
        }
    </style>
</div>


<!-- body的头部-->
<nav th:fragment="main-body-header" class="navbar navbar-inverse navbar-fixed-top" role="navigation">
        <div class="container-fluid">
            <div class="navbar-header">
                <div><a class="navbar-brand" style="font-size:32px;" href="#">众筹平台 - 控制面板</a></div>
            </div>
            <div id="navbar" class="navbar-collapse collapse">
                <ul class="nav navbar-nav navbar-right">
                    <li style="padding-top:8px;">
                        <div class="btn-group">
                            <button type="button" class="btn btn-default btn-success dropdown-toggle" data-toggle="dropdown">
                                <i class="glyphicon glyphicon-user"></i>
                                [[${session.SPRING_SECURITY_CONTEXT.authentication.principal.admin.username}]]
<!--                                [[${session.SPRING_SECURITY_CONTEXT.authentication.principal.admin}]]-->
                                <span class="caret"></span>
                            </button>
                            <ul class="dropdown-menu" role="menu">
                                <li><a href="#"><i class="glyphicon glyphicon-cog"></i> 个人设置</a></li>
                                <li><a href="#"><i class="glyphicon glyphicon-comment"></i> 消息</a></li>
                                <li class="divider"></li>
                                <li>
                                    <a th:href="@{/admin/logout}">
                                        <i class="glyphicon glyphicon-off">

                                        </i> 退出系统
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li style="margin-left:10px;padding-top:8px;">
                        <button type="button" class="btn btn-default btn-danger">
                            <span class="glyphicon glyphicon-question-sign"></span> 帮助
                        </button>
                    </li>
                </ul>
                <form class="navbar-form navbar-right">
                    <input type="text" class="form-control" placeholder="查询">
                </form>
            </div>
        </div>
    </nav>


<!-- 菜单栏 -->
<div th:fragment="main-body-ul" class="col-sm-3 col-md-2 sidebar">
        <div class="tree">
            <ul style="padding-left:0px;" class="list-group">
                <li class="list-group-item tree-closed" >
                    <a href="main.html"><i class="glyphicon glyphicon-dashboard"></i> 控制面板</a>
                </li>
                <li class="list-group-item tree-closed">
                    <span><i class="glyphicon glyphicon glyphicon-tasks"></i> 权限管理 <span class="badge" style="float:right">3</span></span>
                    <ul style="margin-top:10px;display:none;">
                        <li style="height:30px;">
                            <a th:href="@{/main/mainuser}"><i class="glyphicon glyphicon-user"></i> 用户维护</a>
                        </li>
                        <li style="height:30px;">
                            <a th:href="@{/main/role}"><i class="glyphicon glyphicon-king"></i> 角色维护</a>
                        </li>
                        <li style="height:30px;">
                            <a th:href="@{/menu}"><i class="glyphicon glyphicon-lock"></i> 菜单维护</a>
                        </li>
                    </ul>
                </li>
                <li class="list-group-item tree-closed">
                    <span><i class="glyphicon glyphicon-ok"></i> 业务审核 <span class="badge" style="float:right">3</span></span>
                    <ul style="margin-top:10px;display:none;">
                        <li style="height:30px;">
                            <a href="auth_cert.html"><i class="glyphicon glyphicon-check"></i> 实名认证审核</a>
                        </li>
                        <li style="height:30px;">
                            <a href="auth_adv.html"><i class="glyphicon glyphicon-check"></i> 广告审核</a>
                        </li>
                        <li style="height:30px;">
                            <a href="auth_project.html"><i class="glyphicon glyphicon-check"></i> 项目审核</a>
                        </li>
                    </ul>
                </li>
                <li class="list-group-item tree-closed">
                    <span><i class="glyphicon glyphicon-th-large"></i> 业务管理 <span class="badge" style="float:right">7</span></span>
                    <ul style="margin-top:10px;display:none;">
                        <li style="height:30px;">
                            <a href="cert.html"><i class="glyphicon glyphicon-picture"></i> 资质维护</a>
                        </li>
                        <li style="height:30px;">
                            <a href="type.html"><i class="glyphicon glyphicon-equalizer"></i> 分类管理</a>
                        </li>
                        <li style="height:30px;">
                            <a href="process.html"><i class="glyphicon glyphicon-random"></i> 流程管理</a>
                        </li>
                        <li style="height:30px;">
                            <a href="advertisement.html"><i class="glyphicon glyphicon-hdd"></i> 广告管理</a>
                        </li>
                        <li style="height:30px;">
                            <a href="message.html"><i class="glyphicon glyphicon-comment"></i> 消息模板</a>
                        </li>
                        <li style="height:30px;">
                            <a href="project_type.html"><i class="glyphicon glyphicon-list"></i> 项目分类</a>
                        </li>
                        <li style="height:30px;">
                            <a href="tag.html"><i class="glyphicon glyphicon-tags"></i> 项目标签</a>
                        </li>
                    </ul>
                </li>
                <li class="list-group-item tree-closed" >
                    <a href="param.html"><i class="glyphicon glyphicon-list-alt"></i> 参数管理</a>
                </li>
            </ul>
        </div>
    </div>


